:root {
    --blue:linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    --blackbg:linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
}
.header {
    height: 40px;
    background-color: #354052;
}

html,body {
    height:100%;
    width: 100%;
    background-color:rgb(236, 242, 246);
}
table {
    max-height: 415.2px;
    z-index: -1;
}

.w{
    width: 1200px;
    margin: 0 auto;
}

.header-nav {
    height: 100%;
}
.header-nav-left {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-indent: 4px;
    font-size: 14px;
}
.header-nav-right {
    float: right;
    height: 40px;
    font-size: 14px;
    color: #fff;
}
.header-nav-right a {
    color:#fff;
}
.header-nav-right a:hover {
    color: red;
    cursor: pointer;
}

.header-nav-right span {
    color: #fff;
}
.header-nav-right img {
    vertical-align: center;
    padding-right: 4px;
    margin-top: 2px;
}

.safeout {
    text-decoration: underline;
    color: #fff !important;
    margin: auto 0;
}
.main {
    margin-top: 4px;
    height: 625px;
    margin-bottom: 4px;
}

.sidebar {
    float: left;
    width: 200px;
    height: 100%;
    background-color: #354052;
}

.sidebar-head {
    height:40px;
    color:rgb(182, 191, 204);
    border-bottom: 1px dashed #ccc;
}
.sidebar-head p {
    padding-top: 6px;
    text-align: center;
    font-size: 18px;
}
.sidebar-userinfo{
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: rgb(182, 191, 204);
    border-bottom: 1px dashed #ccc;
}
.sidebar-userinfo img{
    vertical-align: center;
    padding-right:2px;
}
.footer {
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.footer p{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    text-align: center;
    background-color: #354052;
}
.first-menu {
    margin:0 5px;
}
.first-menu li{
    min-height:40px;
    font-size: 14px;
    color:rgb(182, 191, 204);
}
.first-menu li p{
    height: 40px;
    text-align: center;
    line-height:40px;
}
.first-menu li p:hover {
    /* background-image: var(--blue); */
    background: var(--blackbg);
    background-blend-mode: multiply multiply;
    color: #fff;
    cursor: pointer;
    border-left:4px solid black;
}
.second-menu{
    display:none;
}
.second-menu ol{
    font-size:12px;
    height: 40px;
    text-align: center;
    line-height:40px;
    color:rgb(182, 191, 204);
}
.second-menu ol:hover{
    background: var(--blackbg);
    background-blend-mode: multiply multiply;
    color: #fff;
    cursor: pointer;
    border-left:4px solid black;
}
.second-menu ol::after{
    font-size: 14px;
    content:'\ea42';
    font-family: "icomoon";
    float: right;
    margin-right:10px;
}
.firstmenucurrent p {
    background: var(--blue) !important;
    background-blend-mode: multiply multiply;
    color:black !important;
    border:none !important;
}
.first-menu li p::after{
    content:'\ea42';
    font-family: "icomoon";
    float: right;
    margin-right:10px;
}
.first-menu .firstmenucurrent p::after{
    content:'\ea43';
    font-family: "icomoon";
    float: right;
    margin-right:10px;
}
.secondmenucurrent {
    background: var(--blackbg);
    color: #fff !important;
    cursor: pointer;
    border:none !important;
}
.menu-right {
    width:996px;
    float: right;
    height: 625px;
    background-color:rgb(236, 242, 246);
}
.nav-item {
    height: 40px;
    padding-top:6px;
    background-color: #354052;
}
.nav-item ul {
    width: 100%;
}
.nav-item span {
    display:block;
    width: 20px;
    height: 20px;
    float: right;
    font-size: 14px;
    line-height:20px;
    margin-right:5px;
    margin-top: 5px;
    user-select: none;
    /* background:url("/images/close.png") no-repeat center; */
}
.nav-item span:hover {
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 50%;
}
.nav-item ul li {
    float: left;
    font-size: 14px;
    width: 120px;
    height:33px;
    line-height:33px;
    text-align: center;
    margin:0 4px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: rgb(182, 191, 204);
    cursor: pointer;
}
.nav-item ul li:hover,
.nav-item ul li.hover {
    background: var(--blackbg);
    color: #fff;
}
.navitemcut{
    background: var(--blue);
    color:black !important;
}
.allinfo {
    width: 100%;
    height:582px;
    margin-top: 3px;
    background-color: #fff;
    overflow: hidden;
}

.infodeclare {
    float: left;
    display: block;
    height: 100%;
    width: 100%;
    background: url('/images/infodeclare.jpg') no-repeat center;
    background-size: cover;
}
.infodeclare .title {
    height:100px;
    line-height: 100px;
    font-size: 30px;
    text-align: center;
}
.infodeclare .infomain {
    height: 482px;
    width: 100%;
}
.infodeclare .infomain .infoleft{
    float: left;
    height: 420px;
    width: 420px;
    margin-left:30px;
    background-color:rgba(255,255,255,0.4);
    border-radius: 10%;
}
.infodeclare .infomain .infoleft h1{
    height:50px;
    text-align: center;
    font-size:25px;
}
.infodeclare .infomain .infoleft ul {
    height: 100%;
    width:100%;
}

.infodeclare .infomain .infoleft ul li {
    width:100%;
    min-height:40px;
    height: auto;
    line-height: 40px;
    font-size: 18px;
    text-indent: 10px;
}
.infodeclare .infomain .inforight{
    float: left;
    height: 420px;
    width: 420px;
    margin-left:30px;
    background-color:rgba(255,255,255,0.4);
    border-radius: 10%;
}
.infodeclare .infomain .inforight h1{
    height:50px;
    text-align: center;
    font-size:25px;
}
.infodeclare .infomain .inforight h2{
    height:50px;
    text-align: center;
    font-size:18px;
}
.infodeclare .infomain .inforight p{
    font-size:18px;
    font-weight:bold;
    text-align: center;
}
.tchgrt{
    float:left;
    display: none;
    height: 100%;
    width: 100%;
}
.seetchstu{
    float:left;
    display:none;
    height: 100%;
    width: 100%;
}
.seestuexamres{
    float:left;
    display: none;
    height: 100%;
    width: 100%;
}
.stuexaminput{
    float:left;
    display:none;
    height: 100%;
    width: 100%;
}
.personinfo{
    float:left;
    display:none;
    height: 100%;
    width: 100%;  
}
.tchgrt h1,
.seetchstu h1,
.seestuexamres h1,
.stuexaminput h1,
.personinfo h1{
    font-weight:normal;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    color: rgb(236, 242, 246);
    border: 1px dashed black;
    background-color: #354052;
}
.tchgrt .tchconduct,
.seetchstu .tchstuconduct,
.seestuexamres .stuexamconduct,
.stuexaminput .examinputcheck {
    position: relative;
    padding-top: 2px;
    color: rgb(236, 242, 246);
    padding-left: 10px;
    height:30px;
    line-height:30px;
    font-size: 14px;
    background-color: #354052;
}
.tchgrt .tchconduct span,
.seetchstu .tchstuconduct span,
.seestuexamres .stuexamconduct span,
.stuexaminput .examinputcheck span{
    position:absolute;
}

.year_select,
.course_select,
.addcourse_select {
    position: absolute;
    left:50px;
    top:0;
    color: rgb(236, 242, 246);
    width: 150px;
    height: 30px;
    cursor:pointer;
}

.year_defaultselect,
.term_defaultselect,
.course_defaultselect,
.accademic_defaultselect,
.major_defaultselect,
.class_defaultselect,
.addcourse_defaultselect,
.addclass_defaultselect{
    padding-left: 10px;
    width: 130px;
    height: 30px;
    border: 1px solid #ccc;
}
.year_defaultselect::after,
.term_defaultselect::after,
.course_defaultselect::after,
.accademic_defaultselect::after,
.major_defaultselect::after,
.class_defaultselect::after,
.addcourse_defaultselect::after,
.addclass_defaultselect::after{
    content:"";
    border-left:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    position:absolute;
    right: 30px;
    top:13px;
    transform-origin: 5px 2.5px;
    transition: all 0.5s ease; 
}
.addclass_defaultselect::after{
    right: 10px;
}
.year_defaultselect.rotate::after,
.term_defaultselect.rotate::after,
.course_defaultselect.rotate::after,
.accademic_defaultselect.rotate::after,
.major_defaultselect.rotate::after,
.class_defaultselect.rotate::after,
.addcourse_defaultselect.rotate::after,
.addclass_defaultselect.rotate::after{
    transform: rotate(180deg);
}
.yearselect li,
.termselect li,
.courseselect li,
.accselect li,
.majorselect li,
.classselect li,
.addcourseselect li,
.addclassselect li{
    background-color: #fff;
    position: relative;
    z-index: 9999;
    color: black;
    width:130px;
    height:25px;
    line-height: 25px;
    padding-left:10px;
    border:1px solid #ccc;
    border-top:none;
}
.yearselect,
.termselect,
.courseselect,
.accselect,
.majorselect,
.classselect,
.addcourseselect,
.addclassselect {
    display: none;
    z-index: 3;
}
.yearselect li:hover,
.yearselect li.hover,
.termselect li:hover,
.termselect li.hover,
.courseselect li:hover,
.courseselect li.hover,
.accselect li:hover,
.accselect li.hover,
.majorselect li:hover,
.majorselect li.hover,
.classselect li:hover,
.classselect li.hover,
.addcourseselect li:hover,
.addcourseselect li.hover,
.addclassselect li:hover,
.addclassselect li.hover{
    background-color: #354052;
    color: rgb(236, 242, 246);
}
.term_select,
.accademic_select {
    position: absolute;
    left:250px;
    top:0;
    color: rgb(236, 242, 246);
    width: 150px;
    height: 30px;
    cursor:pointer;
}
.tchgrt .tchconduct span:nth-of-type(2),
.seetchstu .tchstuconduct span:nth-of-type(2),
.seestuexamres .stuexamconduct span:nth-of-type(2),
.stuexaminput .examinputcheck span:nth-of-type(2){
    position:absolute;
    left:200px;
}

.tchinfolist,
.stuinfolist,
.examinfolist,
.examinputlist{
    position: relative;
    height: 512px;
    width: 100%;
}
.tchinfolist .all-activity,
.stuinfolist .all-activity,
.examinfolist .all-activity,
.examinputlist .all-activity,
.infoform .all-activity{
    padding: 10px 0 10px 10px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #637b8e;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
}
.tchinfolist .infolist,
.stuinfolist .stu_infolist,
.examinfolist .exam_infolist,
.examinputlist .examinputtable{
    border-collapse: collapse;
}
.tchinfolist .infolist thead tr th,
.stuinfolist .stu_infolist thead tr th,
.examinfolist .exam_infolist thead tr th,
.examinputlist .examinputtable thead tr th{
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    opacity: 0.8;
    font-size: 15px;
}
.stuinfolist .stu_infolist thead tr th{
    padding: 0 40px;
}
.examinfolist .exam_infolist thead tr th{
    padding: 0 30px;
}
.examinputlist .examinputtable thead tr th{
    padding: 0 20px;
}
.tchinfolist .infolist thead tr th:nth-of-type(1):before{
    content:'\e944';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist .infolist thead tr th:nth-of-type(2):before{
    content:'\e94e';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist .infolist thead tr th:nth-of-type(3):before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist .infolist thead tr th:nth-of-type(4):before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist .infolist thead tr th:nth-of-type(5):before{
    content:'\e903';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist .infolist thead tr th:nth-of-type(6):before{
    content:'\e903';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist .infolist thead tr th:nth-of-type(7):before{
    content:'\e91f';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist .infolist tbody tr td,
.stuinfolist .stu_infolist tbody tr td,
.examinfolist .exam_infolist tbody tr td,
.examinputlist .examinputtable tbody tr td{
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    opacity: 0.8;
    font-size: 15px;
    margin: 0;
    border: 0;
}
.stuinfolist .stu_infolist tbody tr td{
    padding: 0 40px;
}
.examinfolist .exam_infolist tbody tr td{
    padding:0 30px;
}
.examinputlist .examinputtable tbody tr td{
    padding: 0 20px;
}
.tchinfolist .infolist tbody tr:hover,
.stuinfolist .stu_infolist tbody tr:hover,
.examinfolist .exam_infolist tbody tr:hover{
    background: var(--blackbg);
    background-blend-mode: multiply multiply;
}
.tchtable-footer,
.stutable-footer,
.examtable-footer,
.examinputtable-footer{
    top:615px;
    left: 345px;
    position: fixed;
    height: 50px;
    line-height: 50px;
}
.tchtable-footer p,
.stutable-footer p,
.examtable-footer p,
.examinputtable-footer p{
    display: none;
    float:left;
    margin-left: 35px;
    margin-right: 100px;
    font-size: 16px;
}
.tchtable-footer ul,
.stutable-footer ul,
.examtable-footer ul,
.examinputtable-footer ul{
    display: none;
    float:left;
    height: 100%;
    line-height: 50px;
    padding-top: 12px;
}

.tchtable-footer ul li,
.stutable-footer ul li,
.examtable-footer ul li,
.examinputtable-footer ul li{
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0 10px;
    border: 1px solid #ccc;
    color: skyblue;
}
.tchtable-footer ul li:first-of-type,
.stutable-footer ul li:first-of-type,
.examtable-footer ul li:first-of-type,
.examinputtable-footer ul li:first-of-type{
    color: gray !important;
    font-size:14px;
    background: #fff !important;
}
.tchtable-footer ul li:hover,
.stutable-footer ul li:hover,
.examtable-footer ul li:hover,
.examinputtable-footer ul li:hover{
    background-color: skyblue;
    color:#fff;
}
.tchtable-footer ul li:first-of-type:hover,
.stutable-footer ul li:first-of-type:hover,
.examtable-footer ul li:first-of-type:hover,
.examinputtable-footer ul li:first-of-type:hover{
    background-color: #fff !important;
    color: gray;
}
.major_select{
    position: absolute;
    left:450px;
    top:0;
    color: rgb(236, 242, 246);
    width: 150px;
    height: 30px;
    cursor:pointer;
}
.seetchstu .tchstuconduct span:nth-of-type(3),
.seestuexamres .stuexamconduct span:nth-of-type(3),
.stuexaminput .examinputcheck span:nth-of-type(3){
    position: absolute;
    left: 400px;
}
.class_select{
    position: absolute;
    left:650px;
    top:0;
    color: rgb(236, 242, 246);
    width: 150px;
    height: 30px;
    cursor:pointer;
}
.seetchstu .tchstuconduct span:nth-of-type(4),
.seestuexamres .stuexamconduct span:nth-of-type(4),
.stuexaminput .examinputcheck span:nth-of-type(4){
    position: absolute;
    left: 600px;
    top:0;
}
.stuinfolist .stu_infolist thead tr th:nth-of-type(1):before,
.examinfolist .exam_infolist thead tr th:nth-of-type(1):before,
.examinputlist .examinputtable thead tr th:nth-of-type(1):before{
    content:'\e944';
    font-family: 'icomoon';
    margin-right: 1px;
}
.examinputlist .examinputtable thead tr th:nth-of-type(2):before{
    content:'\e91f';
    font-family: 'icomoon';
    margin-right: 1px;
}
.stuinfolist .stu_infolist thead tr th:nth-of-type(2):before,
.examinfolist .exam_infolist thead tr th:nth-of-type(2):before,
.examinputlist .examinputtable thead tr th:nth-of-type(3):before{
    content:'\e91f';
    font-family: 'icomoon';
    margin-right: 1px;
}
.stuinfolist .stu_infolist thead tr th:nth-of-type(3):before,
.examinfolist .exam_infolist thead tr th:nth-of-type(3):before,
.examinputlist .examinputtable thead tr th:nth-of-type(4):before{
    content:'\e904';
    font-family: 'icomoon';
    margin-right: 1px;
}
.stuinfolist .stu_infolist thead tr th:nth-of-type(4):before,
.examinfolist .exam_infolist thead tr th:nth-of-type(4):before,
.examinputlist .examinputtable thead tr th:nth-of-type(5):before{
    content:'\e903';
    font-family: 'icomoon';
    margin-right: 1px;
}
.stuinfolist .stu_infolist thead tr th:nth-of-type(5):before,
.examinfolist .exam_infolist thead tr th:nth-of-type(5):before,
.examinputlist .examinputtable thead tr th:nth-of-type(6):before{
    content:'\e906';
    font-family: 'icomoon';
    margin-right: 1px;
}
.stuinfolist .stu_infolist thead tr th:nth-of-type(6):before,
.examinfolist .exam_infolist thead tr th:nth-of-type(6):before,
.examinputlist .examinputtable thead tr th:nth-of-type(7):before{
    content:'\e935';
    font-family: 'icomoon';
    margin-right: 1px;
}
.examinfolist .exam_infolist thead tr th:nth-of-type(7):before,
.examinputlist .examinputtable thead tr th:nth-of-type(8):before{
    content:'\e99c';
    font-family: 'icomoon';
    margin-right: 1px;
}
.examinputlist .examinputtable thead tr th:nth-of-type(9):before{
    content:'\e905';
    font-family: 'icomoon';
    margin-right: 1px;
}
.examinfolist .exam_infolist thead tr th:last-of-type span{
    font-family: 'icomoon';
    margin-right: 1px;
}
.examinfolist .exam_infolist thead tr th:last-of-type{
    cursor:pointer;
}
.examinputlist .examinputtable tbody tr td:nth-of-type(8){
    position: relative;
}
.examinputlist .examinputtable tbody tr td input{
    display:none;
    position: absolute;
    left:20px;
    top:0;
    width: 46.4px;
    height:30px;
    font-size:14px;
}
.factorconduct{
    position: relative;
    padding: 5px 0;
    height: 30px;
    width: 100%;
    background-color: #354052;
}
.factorconduct span{
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    font-family: "icomoon";
    cursor: pointer;
    top: 7px;
}
.factorconduct .numberfind span{
    right: 740px;
}
.factorconduct .namefind span{
    right: 470px;
}
.factorconduct p{
    color:rgb(236, 242, 246);
    float: left;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.namefind{
    float: left;
}
.numberfind {
    float: left;
    padding: 0 10px;
}
.factorconduct input {
    padding-left: 10px;
    border:1px solid #ccc;
    height:20px;
    border-radius: 10px;
    background-color: #f5f5f5;
}
.findtips{
    font-size:10px !important;
}
.examinputtable button{
    padding:5px;
    display: block;
    float:left;
}
.examinputtable .save,
.examinputtable .cancel{
    display:none;
}
.edit{
    outline: none;
    border: none;
    background-color: #4876FF;
    color: #fff;
    border-radius: 20%;
}
.save{
    outline: none;
    border: none;
    background-color: #4EEE94;
    color: #fff;
    border-radius: 20%;
}
.cancel{
    outline: none;
    border: none;
    background-color: #CD0000;
    color: #fff;
    border-radius: 20%;
}
.infochange{
    position: relative;
    height:495px;
    width: 996px;
    background: url('/images/personinfo.jpg') no-repeat center;
    background-size: cover;
}
.infoform ul li{
    height:100px;
    padding:20px;
}
.infoform ul{
    position: absolute;
    left:200px;
    top:40px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
}
.infoform span{
    font-size:18px;
}
.infoform input{
    width:400px;
    height:40px;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding-left:20px;
}
.infosave{
    outline: none;
    border: none;
    background-color: #4876FF;
    color: #fff;
    border-radius: 20%;
    padding:20px;
    margin-left:200px;
}
.mask{
    display: none;
    float: left;
    z-index:10;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.4);
    position: fixed;
    top:0;
    left:0;
}
.mask .addstuinfo {
    height:500px;
    width: 500px;
    margin:0 auto;
    margin-top: 100px;
    background-color: #fff;
}
.mask .addstuinfo .windowheader{
    position: relative;
    cursor: move;
    user-select: none;
}
.mask .addstuinfo .windowheader p{
    position: relative;
    height:50px;
    line-height: 50px;
    padding-left:20px;
    font-size:16px;
    border-bottom: 1px dashed #ccc;
}
.mask .addstuinfo .windowheader p::before{
    position: absolute;
    left:2px;
    top:4%;
    content:"\e973";
    color:#000;
    font-family: "icomoon";
}
.closeup{
    position: absolute;
    right:0;
    top:0;
    margin-right:10px;
    margin-top: 15px;
    width: 20px;
    height:20px;
    outline: none;
    border:none;
    color: #fff;
    background-color: #CD0000;

}
.addmain{
    position: relative;
    font-size: 16px;
}
.addmain input{
    height:20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color:#ccc;
    padding-left: 10px;
}
.addmain ul li{
    height: 50px;
    padding:10px 20px;
}
.addcourse_select{
    left:80px;
    top: 8px;
}
.addcourse_defaultselect{
    color: #000;
}
.addclass_select{
    position: absolute;
    left: 80px;
    top:255px;
}

.add{
    outline: none;
    border: none;
    background-color: #4876FF;
    color: #fff;
    border-radius: 20%;
    padding:20px;
    margin-left:155px;
}
.inputhover{
    background-color: #ccc;
}
.examinputtable input{
    display: none;
}
.infochange p{
    display: none;
    font-size: 12px;
    margin-left: 10px;
    color: red;
}
.infochange .icomoon1,
.infochange .icomoon2{
    font-family: "icomoon";
}
.pagecurrent{
    background-color: skyblue;
    color:#fff !important;
}